<style type="text/css">
	a, a:hover {text-decoration:none;}
	.btn_addPic
	{
		position: relative;
		left: 15px;
		height: 17px;
		width: 50px;
		overflow: hidden;
		padding: 2px 8px;
		border: 1px solid #EBEBEB;
		background: none repeat scroll 0 0 #F3F3F3;
		color: #999999;
		font: 12px 'Simhei';
		cursor: pointer;
		text-align: center;
	}
	.btn_addPic em 
	{	 
		width: 40px;
		height: 17px;
		overflow: hidden;
		margin: 0;
		line-height: 20em;
		vertical-align: middle;
	}
	.btn_addPic:hover em
	{
		background-position: 0;
	}
	.file_selector
	{
		position: relative;
        opacity: 0;
		filter: alpha(opacity:0);
	}
</style>
<div style="padding-left:60px;">
<a href="javascript:void(0);" class="btn_addPic" style="text-decoration:none;">	
	<span><%= l(:button_upload_photo) %></span>	 
</a>
<span class="add_avatar" style="margin-left: -55px;width: 70px">		
	<%= file_field_tag 'avatar[image]',
      	:id => nil,
      	:class => 'file_selector',
      	:style => 'width:70px;',#added by young
      	:size => "1",
      	:multiple => false,
      	:onchange => 'addInputAvatar(this);', 
      	:data => {
        	:max_concurrent_uploads => Redmine::Configuration['max_concurrent_ajax_uploads'].to_i,
        	:upload_path => upload_avatar_path(:format => 'js'),
        	:description_placeholder => nil ,# l(:label_optional_description)
        	:source_type => source.class.to_s,
        	:source_id => source.id.to_s
   } %> 
</span>
</div>
<% content_for :header_tags do %>
  <%= javascript_include_tag 'avatars' %>
<% end %>
